<template>
  <section class="industri-services-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="services-title text-center">
            <h3 class="title">Industri Services</h3>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md-6 col-sm-9">
          <div class="services-item mt-30">
            <div class="services-thumb">
              <img src="/assets/images/services-5.jpg" alt="">
              <div class="icon">
                <i class="flaticon-under-construction"></i>
              </div>
            </div>
            <div class="services-content">
              <h4 class="title">Petrol and Gas</h4>
              <p>There are many variations of passages of available but the have alteration in not avein that some form by injected.</p>
              <nuxt-link to="/single-service">Read More</nuxt-link>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-9">
          <div class="services-item mt-30">
            <div class="services-thumb">
              <img src="/assets/images/services-6.jpg" alt="">
              <div class="icon">
                <i class="flaticon-industry"></i>
              </div>
            </div>
            <div class="services-content">
              <h4 class="title">Factory construction</h4>
              <p>There are many variations of passages of available but the have alteration in not avein that some form by injected.</p>
              <nuxt-link to="/single-service">Read More</nuxt-link>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-9">
          <div class="services-item mt-30">
            <div class="services-thumb">
              <img src="/assets/images/services-7.jpg" alt="">
              <div class="icon">
                <i class="flaticon-layout"></i>
              </div>
            </div>
            <div class="services-content">
              <h4 class="title">Chemical research</h4>
              <p>There are many variations of passages of available but the have alteration in not avein that some form by injected.</p>
              <nuxt-link to="/single-service">Read More</nuxt-link>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
    export default {
        name: "ServicesArea"
    }
</script>

<style scoped>

</style>
